import React, { useState } from 'react';

import { Button, Checkbox, Form, Input } from 'antd';


function Logins() {
    const onFinish= (values) => {
  console.log('Success:', values);
  console.log(111);
  
};

const onFinishFailed= (errorInfo) => {
  console.log('Failed:', errorInfo);
};
const [isShow,setIsShow]=useState(false)
const dian=()=>{
    setIsShow(!isShow)
}
    return (
        <div onClick={dian} className={isShow===true?'logs':'log'}>
            <div className='log-box'>
            <h2>物联网综合业务支撑平台</h2>
            <div className='dd'>
                
                <Form
    name="2222"
    labelCol={{ span: 8 }}
    wrapperCol={{ span: 16 }}
    style={{ maxWidth: 600 }}
    initialValues={{ remember: true }}
    onFinish={onFinish}
    onFinishFailed={onFinishFailed}
    autoComplete="off"
  >
    <Form.Item
      label=""
      name="username"
      rules={[{ required: true, message: '请输入账号!' }]}
    >
      <Input />
    </Form.Item>

    <Form.Item
      label=""
      name="password"
      rules={[{ required: true, message: '请输入6-12位数字或字母!' }]}
    >
      <Input />
    </Form.Item>

    

    <Form.Item label={null}>
      <Button type="primary" htmlType="submit">
        登录
      </Button>
    </Form.Item>
  </Form>
            </div>
            </div>
        </div>
    );
}

export default Logins;